.introduce_box {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 2.48rem;
  margin-top: .16rem;

  .name_box {
    align-items: center;
    display: flex;
    height: .21rem;
    justify-content: space-between;

    .name {
      color: #05073b;
      font-family: PingFang SC;
      font-size: .15rem;
      font-weight: 600;
      line-height: .21rem;
      text-align: left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    img {
      height: .16rem;
      margin-left: .2rem;
      width: .48rem;
    }
  }

  .carousel_box {
    box-shadow: 0 1px .22rem rgba(203, 214, 243, .46);
    display: inline-block;
    height: 2.4rem;
    margin-top: .08rem;
    width: 2rem;
    border-radius: 6px;
    overflow: hidden;
  }

  .article_box {
    width: 30%;
    height: 2.4rem;
    margin-left: .08rem;
    width: calc(50% - 1.08rem);
    background-color: #fff;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    margin-top: 8px;
    padding: .14rem .16rem;


    .content {
      margin-top: .07rem;

      .desc {
        //height: 44px;
        color: #676c90;
        font-size: .13rem;
        font-weight: 400;
        line-height: .22rem;
        text-align: left;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 5px 0;
      }

      .file_box {

        img {
          border-radius: 6px;
          height: 1.28rem;
          margin-top: .12rem;
          width: 2.3rem;
        }
      }
    }
  }

  .case_top_box {
    width: 25%;
    height: 1.16rem;
    margin-left: .08rem;
    width: calc(50% - 1.08rem);
    background-color: #fff;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    margin-top: .08rem;
    padding: .14rem .16rem;

    .content {
      margin-top: .07rem;

      .desc {
        // height: .44rem;
        color: #676c90;
        font-size: .13rem;
        font-weight: 400;
        line-height: .22rem;
        text-align: left;

        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
  }

  .case_bottom_box {
    width: 25%;
    height: 1.16rem;
    margin-left: .08rem;
    width: calc(50% - 1.08rem);
    background-color: #fff;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    margin-top: .08rem;
    padding: .14rem .16rem;

    .content {
      display: flex;
      flex-wrap: nowrap;
      overflow: hidden;
      margin-top: .07rem;

      .example_name {
        flex: 1 1 auto;
        // height: .44rem;
        color: #676c90;
        font-size: .13rem;
        font-weight: 400;
        line-height: .22rem;
        text-align: left;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .example_img {
        margin-left: .14rem;
        flex: 0 0 .6rem;
        display: flex;
        justify-content: left;
        overflow: hidden;

        img {
          border-radius: 6px;
          height: .6rem;
          width: .6rem;
        }
      }
    }
  }
}